<html>
<head>
<title>Wildlife Project</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (index.psd) -->
<script type="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		home_over = newImage("images/home-over.jpg");
		who_we_are_over = newImage("images/who-we-are-over.jpg");
		image_gallery_over = newImage("images/image-gallery-over.jpg");
		our_projects_over = newImage("images/our-projects-over.jpg");
		contacts_over = newImage("images/contacts-over.jpg");
		preloadFlag = true;
	}
}

// -->
</script>
<!-- End Preload Script -->
</head>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<center>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="preloadImages();">
<!-- ImageReady Slices (index.psd) -->
<table id="Table_01" width="775" height="681" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="3" rowspan="8">
			<img src="images/m1.jpg" width="365" height="425" alt=""></td>
		<td colspan="2" rowspan="5">
			<img src="images/m2.jpg" width="170" height="204" alt=""></td>
		<td colspan="2">
			<a href="#"
				onmouseover="window.status='home'; changeImages('home', 'images/home-over.jpg'); return true;"
				onmouseout="window.status=''; changeImages('home', 'images/home.jpg'); return true;"
				onmousedown="changeImages('home', 'images/home-over.jpg'); return true;"
				onmouseup="changeImages('home', 'images/home-over.jpg'); return true;">
				<img name="home" src="images/home.jpg" width="240" height="41" border="0" alt="home"></a></td>
	</tr>
	<tr>
		<td colspan="2">
			<a href="#"
				onmouseover="window.status='who we are'; changeImages('who_we_are', 'images/who-we-are-over.jpg'); return true;"
				onmouseout="window.status=''; changeImages('who_we_are', 'images/who-we-are.jpg'); return true;"
				onmousedown="changeImages('who_we_are', 'images/who-we-are-over.jpg'); return true;"
				onmouseup="changeImages('who_we_are', 'images/who-we-are-over.jpg'); return true;">
				<img name="who_we_are" src="images/who-we-are.jpg" width="240" height="41" border="0" alt="who we are"></a></td>
	</tr>
	<tr>
		<td colspan="2">
			<a href="#"
				onmouseover="window.status='image gallery'; changeImages('image_gallery', 'images/image-gallery-over.jpg'); return true;"
				onmouseout="window.status=''; changeImages('image_gallery', 'images/image-gallery.jpg'); return true;"
				onmousedown="changeImages('image_gallery', 'images/image-gallery-over.jpg'); return true;"
				onmouseup="changeImages('image_gallery', 'images/image-gallery-over.jpg'); return true;">
				<img name="image_gallery" src="images/image-gallery.jpg" width="240" height="41" border="0" alt="image gallery"></a></td>
	</tr>
	<tr>
		<td colspan="2">
			<a href="#"
				onmouseover="window.status='our projects'; changeImages('our_projects', 'images/our-projects-over.jpg'); return true;"
				onmouseout="window.status=''; changeImages('our_projects', 'images/our-projects.jpg'); return true;"
				onmousedown="changeImages('our_projects', 'images/our-projects-over.jpg'); return true;"
				onmouseup="changeImages('our_projects', 'images/our-projects-over.jpg'); return true;">
				<img name="our_projects" src="images/our-projects.jpg" width="240" height="41" border="0" alt="our projects"></a></td>
	</tr>
	<tr>
		<td colspan="2">
			<a href="#"
				onmouseover="window.status='contacts'; changeImages('contacts', 'images/contacts-over.jpg'); return true;"
				onmouseout="window.status=''; changeImages('contacts', 'images/contacts.jpg'); return true;"
				onmousedown="changeImages('contacts', 'images/contacts-over.jpg'); return true;"
				onmouseup="changeImages('contacts', 'images/contacts-over.jpg'); return true;">
				<img name="contacts" src="images/contacts.jpg" width="240" height="40" border="0" alt="contacts"></a></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/wel1.jpg" width="410" height="76" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" align="right" valign="top" bgcolor="#000000"><p><span class="text1">At vero eos et accusam et justo</span> duo Consetetur sadi pscing elitr, sed diam nonumy Erat, sed diam voluptua. At vero eos et<br>
		  <br>
		  At vero eos et accusam et justo duo dolores et ea consetetur sadi pscing elitr, sed diam nonumy eirmod Erat, sed diam  Erat, sed diam voluptua. At vero <a href="#" class="a">more</a></p>
	    </td>
		<td>
			<img src="images/wel2.jpg" width="139" height="104" alt=""></td>
	</tr>
	<tr>
		<td align="right" valign="top" bgcolor="#000000">
			<img src="images/wel3.jpg" width="34" height="41" alt=""></td>
		<td colspan="3" align="left" valign="top" bgcolor="#000000">
			<a href="#" class="f">At vero eos et accusam et justo duo Consetetur sadi pscing elitr, sed diam</a> <br>
		    <a href="#" class="f">nonumy Erat, sed diam voluptua. At vero eos et At vero eos et accusam et</a></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/m3.jpg" width="251" height="180" alt=""></td>
		<td colspan="5" align="right" valign="top" bgcolor="#000000">
			<img src="images/pro1.jpg" width="524" height="56" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" align="right" valign="top" background="images/b_obj.jpg" bgcolor="#000000"><p><span class="text1">At vero eos et accusam et justo duo</span> Consetetur sadi pscing elitr, sed diam nonumy Erat, sed diam voluptua. At vero eos et At vero eos et accusam et justo duo dolores et ea consetetur sadi pscing elitr, sed diam nonumy eirmod Erat, sed diam  Erat, sed diam voluptua.<br>
		  <br>
		  Erat, sed diam voluptua. At vero eos et At vero eos et accusam et justo duo dolores et ea consetetur sadi pscing elitr, sed diam nonumy eirmod Erat, sed diam  Erat, sed diam voluptua. At vero At vero <a href="#" class="a">more</a></p>
      </td>
		<td>
			<img src="images/pro2.jpg" width="139" height="124" alt=""></td>
	</tr>
	<tr>
		<td colspan="7">
			<img src="images/dn1.jpg" width="775" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/dn2.jpg" width="31" height="54" alt=""></td>
		<td colspan="6" align="left" valign="top" bgcolor="#000000">
		    <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Donations</a> | <a href="#">Projects</a> | <a href="#">News</a> | <a href="#">Contact</a><br>
  	      Copyright &copy; Your Company Name<br>
Design by <a href="http://www.templatesbox.com" target="_blank" class="text3">Templates</a> Box. Create a <a href="http://www.wix.com" target="_blank" class="text3">free website</a>.</td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="31" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="220" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="114" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="34" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="136" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="101" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="139" height="1" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</center>
</html>